<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./style/reset.css">
    <link rel="stylesheet" href="./style/public.css">
    <link rel="stylesheet" href="./style/list.css">
</head>
<body>
    <!-- 头部开始 -->
    <header>
        <!-- 头部栏 -->
        <div class="header_bar content-box">
            <!-- BBSlogo --> 
            <div class="logo">KUSE BBS</div>
            <!-- 首页地址 -->
            <div class="nav">
                <a class="hover">首页</a>
                <a class="hover">博客</a>
            </div>
            <!-- 搜索框 -->
            <div class="search">
                <form>
                    <input class="keyword" type="text" name="keyword" placeholder="搜索帖子">
                    <input class="submit" type="submit" name="submit" value="">
                </form>
            </div>
            <!-- 登录、注册 -->
            <div class="login">
                <a href="">登录</a>&nbsp;
                <a href="">注册</a>
            </div>
        </div>
    </header>
    <!-- 头部结束 -->

    <!-- 主体代码开始 -->
    <!-- 顶层版块位置 -->
    <div id="position" class="content-box">
        <a href="">首页</a>
        >
        <a href="">NBA</a>
        >
        <a href="">公牛队</a>
    </div>   

    <!-- 下方子版块开始 -->
    <div id="main" class="content-box clearfix">
        <!-- 左边版块 -->
        <div id="left">
            <div class="box_wrap">
                <h3>公牛队</h3>
                <div class="num">
                    今日：<span>7</span>&nbsp;&nbsp;&nbsp;
                    总贴：<span>23443</span>
                </div>
                <div class="moderator">版主：<span>苦涩</span></div>
                <div class="notice">官方展出版块，属优质帖子，欢迎大家参与。。。</div>
            </div>

            <!-- 父版块中子版块帖子列表开始 -->
            <ul class="postsList">
                <!-- 第一条帖子开始 -->
                <li class="clearfix">
                    <!-- 帖子头像 -->
                    <div class="smallPic">
                        <a href="">
                            <img width="45" height="45" src="./img/ku_50x50.png">
                        </a>
                    </div>
                    <!-- 帖子主题信息 -->
                    <div class="subject">
                        <div class="titleWrap">
                            <a href="">[分类]</a>&nbsp;&nbsp;
                            <h2><a href="">这篇帖子不错哦</a></h2>
                        </div>
                        <p>
                            楼主：苦涩&nbsp;2020-7-30&nbsp;&nbsp;&nbsp;最后回复：2020-7-30
                        </p>
                    </div>
                    <!-- 帖子浏览回复次数 -->
                    <div class="count">
                        <p>
                            回复<br>
                            <span>41</span>
                        </p>
                        <p>
                            浏览<br>
                            <span>200</span>
                        </p>
                    </div>
                </li>
                <!-- 第一条帖子结束 -->
            </ul>
            <!-- 父版块中子版块帖子列表结束 -->

            <!-- 父版块中帖子页码开始 -->
            <div class="pages_wrap clearfix">
                <!-- 发帖按钮 -->
                <a class="btn publish" href=""></a>
                <!-- 页码按钮 -->
                <div class="pages">
                    <a href="">上一页</a>
                    <a href="">1</a>
                    <span>2</span>
                    <a href="">3</a>
                    <a href="">4</a>
                    <a href="">...13</a>
                    <a href="">下一页</a>
                </div>
            </div>
            <!-- 父版块中帖子页码结束 -->
        </div>
        <!-- 右边版块 -->
        <div id="right">
            <div class="classList">
                <div class="title">版块列表</div>
                <ul class="listWrap">
                    <li>
                        <h2><a href="">NBA</a></h2>
                        <ul>
                            <li><h3><a href="">零队</a></h3></li>
                            <li><h3><a href="">一队</a></h3></li>
                            <li><h3><a href="">二队</a></h3></li>
                        </ul>
                    </li>
                    <li>
                        <h2><a href="">CBA</a></h2>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 下方子版块结束 -->
    <!-- 主体代码结束 -->

    <!-- 尾部开始 -->
    <footer class="footer content-box">
        <div class="bottom">
            <a href="">KUSE BBS</a>
        </div>
        <div class="copyright">Powered by KUSE ©2020 kuse.com</div>
    </footer>
    <!-- 尾部结束 -->
</body>
</html>